import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {AntDesignVueResolver} from 'unplugin-vue-components/resolvers'
// https://vite.dev/config/
export default defineConfig({
    plugins: [
        vue(),

        AutoImport({
            imports: [
                'vue',         // 自动导入 Vue APIs（ref, reactive, computed 等）
                'pinia',       // 自动导入 Pinia APIs（storeToRefs, defineStore 等）
                'vue-router',   // 自动导入 Vue Router APIs（useRoute, useRouter 等）
                {
                    '@ant-design/icons-vue': [
                        // 方式1：全量引入（所有图标添加 'Icon' 前缀）
                        ['*']
                    ]
                }
            ],
            dts: 'src/auto-imports.d.ts' // 生成类型声明文件（JS项目可选）
        }),
        Components({
            resolvers: [
                AntDesignVueResolver({
                    resolveIcons: true, // 必须开启图标解析
                    importStyle: 'less',
                })
            ],
            dts: 'src/components.d.ts'
        }),
    ],
    resolve: {
        alias: {
            "@": path.resolve(__dirname, './src')
        }
    },
    server: {
        port: 9012,
        host: "0.0.0.0",
        proxy: {
            '/api': {
                target: process.env.VITE_API_URL,
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/api/, '')
            }
        }
    },
})